<template>
  <div class="footer">
    <div class="footer-p">
      票面价是指通过景区指定窗口告实纸质门票上标注的价格
    </div>
    <div class="footer-option">
      <ul>
        <li>
          <img src="../../../assets/imges/plane.png" alt="">
          <span style="">飞机</span>
        </li>
        <li>
          <img src="../../../assets/imges/plane.png" alt="">
          <span style="">飞机</span>
        </li>
        <li style="border-right:1px solid #000">
          <img src="../../../assets/imges/plane.png" alt="">
          <span style="">飞机</span>
        </li>
        <li style="margin-left:.05rem; text-align: right;">
          <img src="../../../assets/imges/plane.png" alt="">
          <span style="">飞机</span>
        </li>
      </ul>
      <ul class="p-color">
        <li>
          登录
        </li>
        <li>
          登录
        </li>
        <li>
          登录
        </li>
        <li>
          关于我们
        </li>
      </ul>
    </div>
    <div class="copytype">
      @2018
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang='stylus' scoped>
  .footer
    background: #eee
    padding-top: .1.5rem
  .footer-p
    height: .9rem
    line-height: .9rem
    background: #ffffff
    padding: 0 .2rem
    font-size: .2rm
  .footer-option
    padding: .2rem .5rem
    height:1rem
    border-bottom : 1px solid #ccc
    li
      float: left
      width: 1.6rem
      height :.5rem
      img
        margin-right: -.15rem
      span
        text-decoration:underline
    .p-color
      color: #6BB6D4
      li
        padding-top: .25rem
  .copytype
    height : .7rem
    line-height : .7rem
    text-align :center

</style>
